$(function () {
    var isPhonePass = false,
        isPwdPass = false;

    function showInputError($ele, text, name) {
        $ele.siblings('.input-err').show().children('.input-err-text').text(text);
        switch (name) {
            case 'phone':
                isPhonePass = false;
                $ele.siblings('.icon-bg-success').hide();
                break;
            case 'pwd':
                isPwdPass = false;
                $ele.siblings('.icon-bg-success').hide();
                break;
            default:
                break;
        }
    }

    function hideInputError($ele) {
        $ele.siblings('.input-err').hide();
    }
    
    $('input[name="phone"]')
        .blur(function () {
            var value = $(this).val();
            if (!value) {
                showInputError($(this), '请输入手机号码！', 'phone');
                return;
            }
            if (isNaN(value)) {
                showInputError($(this), '手机号码只能是数字！', 'phone');
                return;
            }
            if (value.length != 11) {
                showInputError($(this), '手机号码长度为1！', 'phone');
                return;
            }
            if (!isMob(value)) {
                showInputError($(this), '请输入正确的手机号码！', 'phone');
                return;
            }
            
            isPhonePass = true;
            $(this).siblings('.icon-bg-success').show();
        })
        .focus(function () {
            hideInputError($(this));
        });

    $('input[name="pwd"]')
        .blur(function () {
            var value = $(this).val();
            if (!value) {
                showInputError($(this), '请输入密码！', 'pwd');
                return;
            }
            if (value.length < 6) {
                showInputError($(this), '密码长度太短！', 'pwd');
                return;
            }
            
            isPwdPass = true;
            $(this).siblings('.icon-bg-success').show();
        })
        .focus(function () {
            hideInputError($(this));
        });

    $('button.login').click(function () {
        var $phone = $('input[name="phone"]'),
            $pwd = $('input[name="pwd"]');
        if(!isPhonePass){
            $phone.siblings('.input-err-phone').show();
            if(!$phone.siblings('.input-err-phone').children('.input-err-text').text()){
                $phone.siblings('.input-err-phone').children('.input-err-text').text('请输入手机号码！');
            }
            return;
        }
        
        if(!isPwdPass){
            $pwd.siblings('.input-err-pwd').show();
            if(!$pwd.siblings('.input-err-pwd').children('.input-err-text').text()){
                $pwd.siblings('.input-err-pwd').children('.input-err-text').text('请输入密码！');
            }
            return;
        }
        
        
    });

});